<ion-header>
  <div class="uh bc-head  ubb bc-f6" data-control="HEADER" id="Header">
    <div class="ub ub-ac">
      <div id="nav-left" class="nav-btn ub ub-ac" (click)="navCtrl.pop()">
        <img src="assets/imgs/back_btn.png" />
      </div>
      <h1 class="ut ub-f1 ulev-3 ut-s tx-c" tabindex="0">个人信息</h1>
      <div class="nav-btn" id="nav-right" (click)="save()"> 保存 </div>
    </div>
  </div>
</ion-header>
<ion-content>
  <div data-control="CONTENT" id="ScrollContent">
    <div class="scrollbox">
      <div class="content">
        <ul class="bc-wihte ubb bc-cc ubt">
          <li class="ub ub-pj ub-ac ubb bc-cc" (click)="btn('HeadPortrait')">
            <div>
              <span class="color_red">*&nbsp;</span>头像 </div>
            <div>
              <img id="headimg" style="border-radius:100%;" src="{{userInfo.HeadPortrait | imgUrl:'base64'}}" />
            </div>
          </li>
          <li class="ub ub-pj ub-ac ubb bc-cc" (click)="btn('NickName')">
            <div>
              <span class="color_red">*&nbsp;</span>昵称 </div>
            <div class="ub ub-ac"> {{userInfo.NickName}} <div class="fa fa-angle-right ulev2"></div>
            </div>
          </li>
          <li class="ub ub-pj ub-ac ubb bc-cc" (click)="showRadioSax()">
            <div>
              <span class="color_red">*&nbsp;</span>性别 </div>
            <div class="ub ub-ac">
              {{userInfo.Sex?"男":"女"}}
              <div class="fa fa-angle-right ulev2"></div>
            </div>
          </li>
          <li class="ub ub-pj ub-ac ubb bc-cc" id="birthdayxx" >
            <div> 出生年月 </div>
            <div class="ub ub-ac">
              <ion-datetime displayFormat="YYYY-MM-DD"  cancelText="取消" doneText="确定" [(ngModel)]="userInfo.Birthday" (ngModelChange)="changeDate($event)"></ion-datetime>
              <!-- <div class="birthday">{{userInfo.Birthday*1000 | date:'yyyy-MM-dd'}}</div> -->
              <div class="fa fa-angle-right ulev2"></div>
            </div>
          </li>
          <li class="ub ub-pj ub-ac ubb bc-cc " id="cityxx" (click)="btn('CityID')">
            <div> 所在城市 </div>
            <div class="ub ub-ac">
                <ion-multi-picker item-content [multiPickerColumns]="cityColumns" [(ngModel)]="userInfo.CityID" [cancelText]="'取消'" [doneText]="'完成'"></ion-multi-picker>
              <!-- <div id="city" class="city" (click)="CityClick()">{{userInfo.CityID}} </div> -->
              <div class="fa fa-angle-right ulev2"></div>
            </div>
          </li>
          <li class="ub ub-pj ub-ac ubb bc-cc" (click)="btn('Blood')">
            <div> 血型 </div>
            <div class="ub ub-ac">
              <div id="xuexing">{{userInfo.Blood}}</div>
              <div class="fa fa-angle-right ulev2"></div>
            </div>
          </li>
          <li class="ub ub-pj ub-ac ubb bc-cc" (click)="btn('Constellation')">
            <div> 星座 </div>
            <div class="ub ub-ac">
              <div id="xingzuo1">{{userInfo.Constellation}}</div>
              <div class="fa fa-angle-right ulev2"></div>
            </div>
          </li>
          <li class="ub ub-pj ub-ac ubb bc-cc" (click)="btn('Height')">
            <div> 身高 </div>
            <div class="ub ub-ac">
              <div>{{userInfo.Height}}</div>
              <div class="fa fa-angle-right ulev2"></div>
            </div>
          </li>
          <li class="ub ub-pj ub-ac " (click)="btn('Weight')">
            <div> 体重 </div>
            <div class="ub ub-ac">
              <div id="tzdes"> {{userInfo.Weight}} </div>
              <div class="fa fa-angle-right ulev2"></div>
            </div>
          </li>
        </ul>
        <div class="jianjie">
          <div> 简介 </div>
          <div class="text bc-wihte ubb uba bc-cc">
            <textarea id="desc" placeholder="请输入"  [(ngModel)]="userInfo.Text"></textarea>
          </div>
        </div>
      </div>
    </div>
  </div>
</ion-content>